<?xml version="1.0" encoding="UTF-8"?>
<!--
To change this template, choose Tools | Templates
and open the template in the editor.
-->
<!DOCTYPE html>
<ui:composition template="/Menu.xhtml"
                xmlns="http://www.w3.org/1999/xhtml"
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns:f="http://java.sun.com/jsf/core"
                xmlns:ui="http://java.sun.com/jsf/facelets"
                xmlns:p="http://primefaces.org/ui"                
                xmlns:c="http://java.sun.com/jsp/jstl/core">
        <ui:define name="body">
    <h:head>
        <title>Sistema de Prácticas Profesionales</title>
    </h:head>
    <h:body>
        <h:form id="form">
            <DIV ALIGN="center" >
                <p:panel header="FUNDACIÓN UNIVERSITARIA KONRAD LORENZ" style="" >  
                     <p:panel header="FICHA TÉCNICA SITIO DE PRÁCTICA" >
                     </p:panel>    
                         <h:panelGrid columns="4" border="5" bgcolor="" dir="CENTER" >
                             <h:outputText value="Periodo Acádemico " />     
                             <h:panelGrid columns="2" border="1" bgcolor="" dir="CENTER" >
                               <p:selectOneRadio id="Programa" value="">  
                                   <f:selectItem itemLabel="I" itemValue="1" />
                               </p:selectOneRadio>
                               <p:selectOneRadio id="Programa2" value="">  
                                   <f:selectItem itemLabel="II" itemValue="1" />
                               </p:selectOneRadio>  
                            </h:panelGrid>
                            <h:outputText value="Fecha " />  
                            <p:calendar value="#{calendarBean.date3}" id="popupButtonCal1" showOn="button" locale="tr"/> 
                            <h:outputText value="Nombre de la entidad " />
                            <p:inputText id="NomEntidad" maxlength="50" size="25"/> 
                            <h:outputText value="Dirección " />
                            <p:inputText id="Direccion" maxlength="50" size="25"/>
                            <h:outputText value="Telefono " />
                            <p:inputText id="Telefono" maxlength="50" size="25"/>
                            <h:outputText value="NIT " />
                            <p:inputText id="Nit" maxlength="50" size="25"/>
                            <h:outputText value="Pagina Web " />
                            <p:inputText id="PagWeb" maxlength="50" size="25"/>
                            <h:outputText value="E-mail " />
                            <p:inputText id="mail" maxlength="50" size="25"/>
                            <h:outputText value="Representante Legal " />
                            <p:inputText id="Representante" maxlength="50" size="25"/>
                            <h:outputText value="Supervisor Entidad " />
                            <p:inputText id="SupervisorEnt" maxlength="50" size="25"/>
                            <h:outputText value="Cargo " />
                            <p:inputText id="Cargo" maxlength="50" size="25"/>
                            <h:outputText value="C.C " />
                            <p:inputText id="Cedula" maxlength="50" size="25"/>
                            <h:outputText value="Supervisor Actual" />
                            <p:inputText id="SupervisorActual" maxlength="50" size="25"/>
                            <h:panelGrid columns="1" border="" bgcolor="" dir="CENTER" >
                                <h:outputText value="Horario de práctica desde " dir="right"/>
                                <h:outputText value=" Hasta " dir="LTR"/>
                            </h:panelGrid>
                            <h:panelGrid columns="1" border="" bgcolor="" dir="CENTER" >
                                <p:calendar value="#{calendarBean.date2}" pattern="HH:mm" timeOnly="true" />
                                <p:calendar value="#{calendarBean.date2}" pattern="HH:mm" timeOnly="true" />
                            </h:panelGrid>
                            <h:outputText value="Total horas semanales" />
                            <p:spinner id="spinnerBasic" value="#{spinnerController.number1}" min="0"/>
                            <h:outputText value="Número de cupos" />
                            <p:spinner id="spinnerBasic2" value="#{spinnerController.number1}" min="0"/>
                            <h:outputText value="Fecha de inicio practicas" />  
                            <p:calendar value="#{calendarBean.date3}" id="popupButtonCal2" showOn="button" locale="tr"/>
                            <h:outputText value="Fecha de finalización practicas" />
                            <p:calendar value="#{calendarBean.date3}" id="popupButtonCal3" showOn="button" locale="tr"/>
                            <h:outputText value="Sector al que pertenece al organización" /> 
                            <p:inputText id="Sectorl" maxlength="50" size="25"/>
                            <h:outputText value="Tipo de entidad" />
                            <h:panelGrid columns="2" border="" bgcolor="" dir="CENTER" >
                               <p:selectOneRadio id="TipoEntidad" value="">  
                                   <f:selectItem itemLabel="Pública" itemValue="1" />
                               </p:selectOneRadio>
                               <p:selectOneRadio id="TipoEntidad2" value="">  
                                   <f:selectItem itemLabel="Privada" itemValue="1" />
                               </p:selectOneRadio>  
                            </h:panelGrid>
                         </h:panelGrid>
                    <p:separator id="separator1"/>
                         <h:panelGrid columns="1" border="" bgcolor="" dir="CENTER" >
                             <h:outputText value="DESCRIPCIÓN ACTIVIDAD ECONÓMICA (¿A qué se dedica la entidad?)" />
                             <p:inputTextarea rows="3" cols="75" /> 
                         </h:panelGrid>
                    <p:separator id="separator2"/>
                         <h:panelGrid columns="2" border="1" bgcolor="" dir="CENTER" >
                             <h:outputText value="CANTIDAD DE ESTABLECIMIENTOS O SUCURSALES" />
                             <p:spinner id="cantEstablecimientos" value="#{spinnerController.number1}" min="0"/>
                             <h:outputText value="NUMERO TOTAL DE EMPLEADOS DE LA ENTIDAD " />
                             <p:spinner id="numEmpleados" value="#{spinnerController.number1}" min="0"/>
                         </h:panelGrid>
                    <p:separator id="separator3"/>
                        <h:outputText value="MISIÓN" />
                        <p:separator id="separator4"/>
                        <p:inputTextarea rows="3" cols="75"  /> 
                        <p:separator id="separator5"/>
                        <h:outputText value="VISIÓN" />
                        <p:separator id="separator6"/>
                        <p:inputTextarea rows="3" cols="75"  /> 
                        <p:separator id="separator7"/>
                        <h:outputText value="VALORES CORPORATIVOS O FILOSOFÍA DE LA ENTIDAD (En caso existir)" />
                        <p:separator id="separator8"/>
                        <p:inputTextarea rows="3" cols="75" /> 
                        <p:separator id="separator9"/>
                        <h:outputText value="DEPENDENCIA EN LA CUAL EJERCE EL PROFESIONAL EN FORMACIÓN" />
                        <p:separator id="separator10"/>
                        <p:inputTextarea rows="3" cols="75"  /> 
                        <p:separator id="separator11"/>
                        <h:outputText value="PROCESOS Y/O PROYECTOS  QUE TRABAJA EL PROFESIONAL EN FORMACIÓN" />
                        <p:separator id="separator12"/>
                        <p:inputTextarea rows="3" cols="75" /> 
                        <p:separator id="separator13"/>
                        <h:outputText value="¿HAY EXPECTATIVAS DE VINCULACIÓN DEL PROFESIONAL EN FORMACIÓN? " />
                        <p:separator id="separator14"/>
                        <h:panelGrid columns="3" border="" bgcolor="" dir="CENTER" >
                               <p:selectOneRadio id="Expectativa" value="">  
                                   <f:selectItem itemLabel="SI" itemValue="1" />
                               </p:selectOneRadio>
                               <p:selectOneRadio id="Expectativa2" value="">  
                                   <f:selectItem itemLabel="NO" itemValue="1" />
                               </p:selectOneRadio> 
                               <h:outputText value="Justificación" />
                        </h:panelGrid>
                        <p:inputTextarea rows="3" cols="75"  /> 
                        <p:separator id="separator15"/>
                        <h:outputText value="¿QUÉ PERFIL DE COMPETENCIAS DEBE CUMPLIR EL NUEVO PROFESIONAL EN FORMACIÓN?" />
                        <p:separator id="separator16"/>
                        <p:inputTextarea rows="3" cols="75"  /> 
                        <p:separator id="separator17"/>
                        <h:outputText value="¿QUE ASPECTOS RELEVANTES DE LA PRÁCTICA DEBE TENER EN CUENTA EL PROFESIONAL EN FORMACIÓN  ENTRANTE?" />
                        <p:separator id="separator18"/>
                        <p:inputTextarea rows="3" cols="75"  /> 
                        <p:separator id="separator19"/>
                        <h:outputText value="OBSERVACIONES GENERALES" />
                        <p:separator id="separator20"/>
                        <p:inputTextarea rows="3" cols="75"  /> 
                        <h:panelGrid columns="2" border="" bgcolor="" dir="CENTER" >
                        <p:commandButton value="Guardar" update="display" oncomplete="dlg.show()" />  
                        <p:commandButton value="Cancelar" update="display" oncomplete="dlg.show()" />  
                        <p:dialog header="Selected Values" modal="true" showEffect="fade" hideEffect="fade" widgetVar="dlg">  
                           <p:outputPanel id="display">  
                               <p:dataList value="" var="option">  
                                   #{option}  
                               </p:dataList>  
                               <p:dataList value="" var="movie">  
                                   #{movie}  
                               </p:dataList>  
                           </p:outputPanel>
                        </p:dialog>
                        </h:panelGrid>
                 </p:panel>    
                <h:outputText value="Fundacion Universitaria Konrad Lorenz - Todos los derechos reservados*" />    
            </DIV>        
        </h:form>    
    </h:body>
    </ui:define>
</ui:composition>
